<template>
  <div class="card">
    <h3>{{title}}</h3>
    <div class="content">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'card',
  props: {
    title: {
      type: String,
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
.card {
  width: 338px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
  h3 {
    padding-left: 15px;
    line-height: 52px;
    border-bottom: 1px solid #e2e2e2;
  }
  .content {
    padding: 15px;
  }
}
</style>
